import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import {AtList,AtListItem} from 'taro-ui'
import './suifangjihuatwo.css'
import { $redirectTo,getGlobalData } from '../../../global';
import reactMixin from 'react-mixin';
import myJs from '../../pages/suifangjihuatwo/suifangjihuatwojs.js'
import app from '../../../main.js'

export default class SuifangjihuaTwo extends Component {
    config = {
        navigationBarTitleText: '随访计划'
    }
    constructor () { 
        super(...arguments); 
        this.state = this.getData(); 
    }
    componentWillMount () {}
    componentDidMount () {}
    componentWillUnmount () {}
    componentDidShow () {}
    componentDidHide () {}
    go=(url)=>{
        app.redirectTo(url);
    }
    render () {
        return (
            <View className='suifangjihua-two'>
                <AtList className=' class_0'>
                    <AtListItem onClick={this.go.bind(this,'../suifangjihuadoing/suifangjihuadoing')} title='进行中的随访计划' arrow='right' hasBorder={false} extraText='5' thumb={getGlobalData('baseurl')+'img/icon-book.png'}></AtListItem>
                </AtList>
                <AtList className=' class_1'>
                    <AtListItem title='新建随访计划' onClick={this.go.bind(this,'../editsuifangfangan/editsuifangfangan')} arrow='right' hasBorder={false} thumb={getGlobalData('baseurl')+'img/icon-pen.png'}></AtListItem>
                </AtList>
                <View>
                    <View className=' class_2'>
                        <Text className=' class_3'>我的方案</Text>
                    </View>
                    <AtList className=' class_4'>
                        <AtListItem title='关节置换术后' onClick={this.go.bind(this,'../editsuifangfangan/editsuifangfangan')} arrow='right'></AtListItem>
                        <AtListItem title='关节置换术随访方案'onClick={this.go.bind(this,'../editsuifangfangan/editsuifangfangan')} arrow='right'></AtListItem>
                        <AtListItem title='自定义随访计划' onClick={this.go.bind(this,'../editsuifangfangan/editsuifangfangan')} arrow='right'></AtListItem>
                    </AtList>
                </View>
                <View>
                    <View className=' class_5'>
                        <Text className=' class_6'>系统推荐随访计划</Text>
                    </View>
                    <AtList className=' class_7'>
                        <AtListItem title='腰锥间盘突出症微创术后' arrow='right'></AtListItem>
                        <AtListItem title='肩部手术随访方案' arrow='right'></AtListItem>
                        <AtListItem title='前交叉韧带重建术随访方案' arrow='right'></AtListItem>
                        <AtListItem title='膝关节置换术随访方案' arrow='right'></AtListItem>
                        <AtListItem title='膀胱癌术后随访方案' arrow='right'></AtListItem>
                        <AtListItem title='髋关节置换术随访方案' arrow='right'></AtListItem>
                    </AtList>
                </View>
            </View>
        );
    }
}
reactMixin.onClass(SuifangjihuaTwo,myJs);